<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>demo</title>

  <script type='text/javascript'>
     window.onload=function()//用window的onload事件，窗体加载完毕的时候
    {
      // 通过 VideoEncoder API 检查当前浏览器是否支持
      var el = document.getElementById("webcodec_check");
      if ('VideoEncoder' in window) {
        // 支持 WebCodecs API
        el.innerHTML = "[支持webcodec]"
      } else {
        el.innerHTML = "[不支持webcodec，请升级您的浏览器！目前百度浏览器 chrome（最新版）  华为浏览器都支持]"
      }
    }
   
  </script>

</head>
<body>
  <div>
    <p id="webcodec_check"></p>
  </div>
  欢迎您:

  <div>
    <p>房间列表</p>
    <ul>
      <li id="room_1"><a href="/room/room_1" target="_blank">1号房间</a></li>
      <li id="room_2"><a href="/room/room_2" target="_blank">2号房间</a></li>
      <li id="room_3"><a href="/room/room_3" target="_blank">3号房间</a></li>
      <li id="room_4"><a href="/room/room_4" target="_blank">4号房间</a></li>
      <li id="room_5"><a href="/room/room_5" target="_blank">5号房间</a></li>
      <li id="room_6"><a href="/room/room_6" target="_blank">6号房间</a></li>
      <li id="room_7"><a href="/room/room_7" target="_blank">7号房间</a></li>
      <li id="room_8"><a href="/room/room_8" target="_blank">8号房间</a></li>
      <li id="room_9"><a href="/room/room_9" target="_blank">9号房间</a></li>
      <li id="room_10"><a href="/room/room_10" target="_blank">10号房间</a></li>
    </ul>
  </div>
 
</body>
</html>